<template>
	<view class="box">
		<Title name="文章内容"></Title>
		
		<view class="content">
			<view class="title">
				<text>绿色公益：让我们学校多一点绿色，让我们都行动起来。</text>
			</view>
			<view class="other">
				<text class="date">2020.02.05</text>
				<text>阅读 50</text>
			</view>
			
			<view class="show">
				<image src="../../static/img/JU49YH%259BRRMG8_)Q%25%25$%7BEI.png" mode=""></image>
				<text>
					中午12点40左右，我们到达活动现场，受到主办方的热情接待。
					在和主办方人员进行简单交流后，我们到了演讲报告现场。虽
					然是在一个大型商场内，但主办方独具创意的广告宣传牌吸引
					了我们的眼球。不一会儿，其他高校的同学也来到了活动现场，
					我社成员很快便和其他高校的同学交流了起来，在得知他们也
					是各大高校一些相应的公益社团的成员时，我们中国劳动关系
					学院爱心社的成员积极地与各社团的成员交流，希望以后的活
					动可以有更多的朋友参与进来。
				</text>
				<image src="../../static/img/JU49YH%259BRRMG8_)Q%25%25$%7BEI.png" mode=""></image>
				<text>
					中午12点40左右，我们到达活动现场，受到主办方的热情接待。
					在和主办方人员进行简单交流后，我们到了演讲报告现场。虽
					然是在一个大型商场内，但主办方独具创意的广告宣传牌吸引
					了我们的眼球。不一会儿，其他高校的同学也来到了活动现场，
					我社成员很快便和其他高校的同学交流了起来，在得知他们也
					是各大高校一些相应的公益社团的成员时，我们中国劳动关系
					学院爱心社的成员积极地与各社团的成员交流，希望以后的活
					动可以有更多的朋友参与进来。
				</text>
			</view>
		</view>
	</view>
</template>

<script>
	import Title from "../components/title.vue"
	export default {
		components: {
			Title
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		min-height: 100vh;
		background: #fff;
		padding: 0 36rpx;
		
		.content {
			margin-top: 20rpx;
			.title {
				font-size: 32rpx;
				font-weight: bold;
			}
			
			.other {
				margin-top: 20rpx;
				font-size: 25rpx;
				color: $subColor;
				
				text {
					padding: 0 18rpx;
				}
				
				.date {
					padding-left: 0;
					border-right: 1px solid $subColor;
				}
			}
			
			.show {
				image {
					width: 100%;
					height: 350rpx;
					margin: 18rpx 0;
				}
				
				text {
					margin: 18rpx 0;
					font-size: 25rpx;
				}
			}
		}
	}
</style>
